<div class="padding-md">
    <div class="smart-widget">
        <div class="smart-widget-header">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default widget-toggle-hidden-option" data-toggle="hydra-collapse" data-target="#search-div" data-form="#search-form"><i class="fa fa-search-plus"></i>搜索</button>
            </div>
            <span class="smart-widget-option">
                <a href="#" class="widget-refresh-option">
                    <i class="fa fa-refresh"></i>
                </a>
            </span>
        </div>
        <div class="smart-widget-inner">
        	<!--搜索 S-->
            <div class="smart-widget-hidden-section" id="search-div" style="display: block;">
                <form class="no-margin form-inline" id="search-form">
                    <div class="form-group">
                        <div class="input-group col-lg-12">
                        	 <span class="input-group-addon">申请日期起始</span>
                            <input type="text" name="startDate" id="startDate" class="form-control" placeholder="开始日期" readonly="readonly">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group col-lg-12">
                        	 <span class="input-group-addon">申请日期截止</span>
                            <input type="text" name="endDate" id="endDate" class="form-control" placeholder="结束日期" readonly="readonly">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group col-lg-12">
                             <span class="input-group-addon">发票状态</span>
                            <select class="form-control" name="status">
                                <option value=" ">请选择</option>
                                <option value="1">申请中</option>
                                <option value="2">已开票</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group col-lg-12">
                            <span class="input-group-addon">开具方式</span>
                            <select class="form-control" name="status">
                                <option value=" ">请选择</option>
                                <option value="1">电子发票</option>
                                <option value="2">纸质发票</option>
                            </select>
                        </div>
                    </div>
                     <div class="form-group">
                        <div class="input-group col-lg-20">
                            <span class="input-group-addon">发票类型</span>
                            <select class="form-control" name="status">
                                <option value=" ">请选择</option>
                                <option value="1">增值税普票</option>
                                <option value="2">增值税专票</option>
                            </select>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-sm btn-success">查询</button>
                    <!--<span btn-type="reset"  class="btn btn-sm btn-info" >重置</span>-->    
                </form>
            </div>
            <!--搜索 E-->
            <div class="smart-widget-body">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th style="text-align:center">#</th>
                        <th style="text-align:center">发票类型</th>
                        <th style="text-align:center">开具方式</th>
                        <th style="text-align:center">发票金额</th>
                        <th style="text-align:center">开票类目</th> 
                        <th style="text-align:center">申请人</th> 
                        <th style="text-align:center">申请人电话</th> 
                        <th style="text-align:center">申请时间</th> 
                        <th style="text-align:center">发票状态</th> 
                        <th style="text-align:center;width:270px">Action</th> 
                    </tr> 
                    </thead>
                    <tbody id="list-body" style="display: none;">
                    <tr>
                        <td html-num></td>
                        <td html-studentName></td> 
                        <td html-parentPhone></td> 
                        <td html-classes></td>
                        <td html-classes></td>
                        <td html-studentName></td>
                        <td html-parentPhone></td>
                        <td html-classes></td>
                        <td html-classes></td>
                        <td>
                            <div class="am-btn-toolbar">
                                <div class="am-btn-group am-btn-group-xs">
                                    <button class="am-btn am-btn-default am-btn-xs am-text-secondary" btn-type="addmore"  ><span class="fa fa-cogs"></span> 更多</button>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-secondary" btn-type="makeInvoice"  ><span class="fa fa-reply"></span> 开票</button>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-secondary" btn-type="goOrder"  ><span class="fa fa-cogs"></span> 查看订单</button>
                                </div>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div class="am-cf" id="page-body"></div>
            </div>
        </div><!-- ./smart-widget-inner -->
    </div>
</div>

<!--查看线路滑窗 S-->
<script type="text/html" id="dform">
    <div class="smart-widget-hidden-section" id="edit-div">
        <form class="editform" id="edit-form">
        	<div class="form-group">
                <span class="bigtit">基本信息</span>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">发票类型</span>
                    <input type="text" name="name" class="form-control" placeholder="发票类型">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">开具方式</span>
                    <input type="text" name="code" class="form-control" placeholder="开具方式">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">发票金额</span>
                    <input type="text" name="companyCode" class="form-control" placeholder="发票金额" >
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">开具类目</span>
                    <input type="text" name="contacts" class="form-control" placeholder="开具类目">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">发票状态</span>
                    <input type="text" name="tel" class="form-control" placeholder="发票状态">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">申请时间</span>
                    <input type="text" name="tel" class="form-control" placeholder="申请时间">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">开票时间</span>
                    <input type="text" name="tel" class="form-control" placeholder="开票时间">
                </div>
            </div>
            <div class="form-group">
                <span class="bigtit">发票抬头</span>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">单位名称</span>
                    <input type="text" name="tel" class="form-control" placeholder="单位名称">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">纳税人识别号</span>
                    <input type="text" name="tel" class="form-control" placeholder="纳税人识别号">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">公司地址</span>
                    <input type="text" name="tel" class="form-control" placeholder="公司地址">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">公司电话</span>
                    <input type="text" name="tel" class="form-control" placeholder="公司电话">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">开户行</span>
                    <input type="text" name="tel" class="form-control" placeholder="开户行">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">帐号</span>
                    <input type="text" name="tel" class="form-control" placeholder="帐号">
                </div>
            </div>
            <div class="form-group">
                <span class="bigtit">联系人信息</span>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">联系人</span>
                    <input type="text" name="tel" class="form-control" placeholder="联系人">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">联系电话</span>
                    <input type="text" name="tel" class="form-control" placeholder="联系电话">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">电子邮箱</span>
                    <input type="text" name="tel" class="form-control" placeholder="电子邮箱">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">邮寄地址</span>
                    <input type="text" name="tel" class="form-control" placeholder="邮寄地址">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">申请人</span>
                    <input type="text" name="tel" class="form-control" placeholder="申请人">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">申请人电话</span>
                    <input type="text" name="tel" class="form-control" placeholder="申请人电话">
                </div>
            </div>
            <button type="button" hy-type-submit class="btn btn-sm btn-success">关闭</button>
        </form>
    </div>
</script>
<!--查看线路滑窗 E-->
<style type="text/css">
	#details-div li{
		display: table;
	}
	#details-div li>span:nth-of-type(1){
		display: table-cell;
		width:70px;
	}
	#details-div li>span:nth-of-type(2){
		display: table-cell;
		width:600px;
	}
	.form-control[readonly]{
		background: white;
	}
	.bigtit{font-size: 16px;font-weight: 900;}
</style>